CSS Cascading and Inheritance
@scope (CSS)
https://www.w3.org/TR/css-cascade-6/
提案されている@scopeルールを使うと,ある要素以下に対してのみスタイルを適用できるブロックを記述できます。また,要素ツリーの末端までではなく,ツリーの一部分にスコープを適用させることも検討されているようです。
ref
https://zenn.dev/uhyo/articles/css-cascading-6-scope
https://blog.jxck.io/entries/2023-01-07/new-css-capabilities-for-component.html#@scope
CSSにComponent単位でスコープを作れる